﻿<!DOCTYPE html>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<html>
<head>
<meta charset="utf-8">
<title>礼品世家主页</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css">
<script src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.luara.0.0.1.min.js"></script>
</head>
<body>
<div class="width100" style="height:25ox;background:#f0f0f0;">
	<div class="width1200 center_yh font14 c_66" style="height:25px;line-height:25px;">
    	<font class="left_yh">欢迎来到永安庄园•礼品世家！</font>
        <div class="right_yh" id="fast_jump">
        	<a href="${pageContext.request.contextPath}/login.jsp">登录</a>
            <b></b>
            <a href="${pageContext.request.contextPath}/register.jsp">注册</a>
            <b></b>
            <a href="${pageContext.request.contextPath}/grzx.jsp">个人中心</a>
            <b></b>       
            <a href="${pageContext.request.contextPath}/logout.do">退出</a>
        </div>
    </div>
</div>
<div class="width100 hidden_yh">
	<div class="width1200 center_yh hidden_yh">
    	<a href="#" class="block_yh left_yh" style="margin-top:40px;"><img src="images/logo2.png"></a>
        <div class="right_yh" style="height:28px;width:316px;border:2px solid #dd4545;margin-top:48px;">
        	<form action="product.jsp">
                <input type="text" placeholder="关键词查询" class="searCh">
                <input type="button" class="btnSearh" value="搜索">
            </form>
        </div>
    </div>
</div>
<!--导航条-->
<div class="width100" style="height:45px;background:#dd4545;margin-top:40px;position:relative;z-index:100;">
	<!--中间的部分-->	
	<div class="width1200 center_yh relative_yh" style="height:45px;">
    	<!--列表导航-->
    	<div class="left_yh Selected" style="width:230px;height:45px;" id="hiddenShow">
        	<!--头部的图标-->
        	<img src="images/cd.png" class="left_yh" style="margin-left:24px;">
            <span class="block_yh left_yh fff" style="height:45px;line-height:44px;margin-left:10px;">阶段分类</span>
            <!--下面的导航展开部分-->
            <div class="downSlide">
            	<!--一块-->
            	<div class="n1Nav">
                	<font>幼儿时代</font>
                    <img src="images/jt.png">
                    <div class="n2Nav">
                    	<div class="n3Nav">
                        	<h3>玩具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                        <div class="n3Nav">
                        	<h3>玩具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                        <div class="n3Nav">
                        	<h3>玩具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                    </div>
                </div>
                <!--一块-->
                <div class="n1Nav">
                	<font>小学时代</font>
                    <img src="images/jt.png">
                    <div class="n2Nav">
                    	<div class="n3Nav">
                        	<h3>玩2具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                        <div class="n3Nav">
                        	<h3>玩具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                        <div class="n3Nav">
                        	<h3>玩具</h3>
                            <a href="#">毛绒玩具</a>
                            <a href="#">积木玩具</a>
                            <a href="#">发光玩具</a>
                            <a href="#">早教/智能玩具</a>
                            <a href="#">儿童乐器/音乐玩具</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--普通导航-->
        <div class="left_yh font16" id="pageNav">
        	<a href="${pageContext.request.contextPath}/index.jsp" class="Selected">首页</a>
            <a href="${pageContext.request.contextPath}/product.jsp">工艺礼品</a>
            <a href="${pageContext.request.contextPath}/product.jsp">电子礼品</a>
            <a href="${pageContext.request.contextPath}/product.jsp">品牌礼品</a>
            <a href="${pageContext.request.contextPath}/product.jsp">商务礼品</a>
            <a href="${pageContext.request.contextPath}/product.jsp">食品礼盒</a>
        </div>
    </div>
</div>
<!--banner-->
<div class="width1200 center_yh hidden_yh" style="position:relative;z-index:80;">
    <div class="example2" style="width:1200px;height:490px;overflow:hidden;margin-left:234px">
        <ul>
            <li><img src="images/1.jpg" alt="1"/></li>
            <li><img src="images/1.jpg" alt="1"/></li>
        </ul>
    </div>
    <!--Luara图片切换骨架end-->
    <script>
        $(function(){
            $(".example2").luara({width:"966",height:"490",interval:4500,selected:"seleted",deriction:"left"});
        });
    </script>
</div>
<!--今日推荐-->
<div class="width1200 center_yh groom">
	<a href="${pageContext.request.contextPath}/product.jsp" class="right_yh block_yh" style="width:73px;height:45px;"></a>
</div>
<div class="width1200 center_yh" style="margin-top:20px;">
	<div class="tjgoods">
    	<a href="${pageContext.request.contextPath}/product_detail.jsp">
        	<img src="images/x.jpg">
            <h4 class="yihang">毛绒玩具泰迪熊</h4>
            <p class="red tcenter">￥299.9</p>
        </a>
    </div>
</div>
<!--热门-->
<div class="width1200 center_yh" style="height:300px;margin-top:40px;">
	<div class="tone">
    	<a href="${pageContext.request.contextPath}/product.jsp"><img src="images/sp1.jpg"></a>
        <a href="${pageContext.request.contextPath}/product.jsp"><img src="images/sp2.jpg"></a>
        <a href="${pageContext.request.contextPath}/product.jsp"><img src="images/sp3.jpg"></a>
        <a href="${pageContext.request.contextPath}/product.jsp"><img src="images/sp4.jpg"></a>
        <a href="${pageContext.request.contextPath}/product.jsp"><img src="images/sp5.jpg"></a>
    </div>
</div>
<!--工艺礼品-->
<div class="width1200 center_yh hidden_yh">
	<div class="width100" style="height:45px;line-height:45px;border-bottom:2px solid #dd4545;margin-top:20px;">
    	<font class="left_yh font20">工艺礼品</font>
        <a href="product.jsp" class="right_yh c_33 font16">更多»</a>
    </div>
    <div class="width100 hidden_yh" style="height:388px;">
    	<a href="product.jsp" style="width:227px;height:388px;float:left;">
    		<img src="images/lb1.jpg">
    	</a>
        <div class="normalPic">
        	<a href="${pageContext.request.contextPath}/product_detail.jsp">
            	<h3 class="yihang c_33 font14 font100" style="padding-left:10px;padding-right:10px;margin-top:10px;">客厅摆件 家居饰品中式办公室</h3>
                <p class="red font14" style="padding-left:10px;">￥299.9</p>
                <img src="images/p.jpg" width="105" height="118" style="margin:0 auto">
            </a>
            <a href="product_detail.jsp">
            	<h3 class="yihang c_33 font14 font100" style="padding-left:10px;padding-right:10px;margin-top:10px;">客厅摆件 家居饰品中式办公室</h3>
                <p class="red font14" style="padding-left:10px;">￥299.9</p>
                <img src="images/p.jpg" width="105" height="118" style="margin:0 auto">
            </a>
            <a href="product_detail.jsp">
            	<h3 class="yihang c_33 font14 font100" style="padding-left:10px;padding-right:10px;margin-top:10px;">客厅摆件 家居饰品中式办公室</h3>
                <p class="red font14" style="padding-left:10px;">￥299.9</p>
                <img src="images/p.jpg" width="105" height="118" style="margin:0 auto">
            </a>
            <a href="product_detail.jsp">
            	<h3 class="yihang c_33 font14 font100" style="padding-left:10px;padding-right:10px;margin-top:10px;">客厅摆件 家居饰品中式办公室</h3>
                <p class="red font14" style="padding-left:10px;">￥299.9</p>
                <img src="images/p.jpg" width="105" height="118" style="margin:0 auto">
            </a>
            <a href="product_detail.jsp">
            	<h3 class="yihang c_33 font14 font100" style="padding-left:10px;padding-right:10px;margin-top:10px;">客厅摆件 家居饰品中式办公室</h3>
                <p class="red font14" style="padding-left:10px;">￥299.9</p>
                <img src="images/p.jpg" width="105" height="118" style="margin:0 auto">
            </a>
            <a href="product_detail.jsp">
            	<h3 class="yihang c_33 font14 font100" style="padding-left:10px;padding-right:10px;margin-top:10px;">客厅摆件 家居饰品中式办公室</h3>
                <p class="red font14" style="padding-left:10px;">￥299.9</p>
                <img src="images/p.jpg" width="105" height="118" style="margin:0 auto">
            </a>
            <a href="product_detail.jsp">
            	<h3 class="yihang c_33 font14 font100" style="padding-left:10px;padding-right:10px;margin-top:10px;">客厅摆件 家居饰品中式办公室</h3>
                <p class="red font14" style="padding-left:10px;">￥299.9</p>
                <img src="images/p.jpg" width="105" height="118" style="margin:0 auto">
            </a>
            <a href="product_detail.jsp">
            	<h3 class="yihang c_33 font14 font100" style="padding-left:10px;padding-right:10px;margin-top:10px;">客厅摆件 家居饰品中式办公室</h3>
                <p class="red font14" style="padding-left:10px;">￥299.9</p>
                <img src="images/p.jpg" width="105" height="118" style="margin:0 auto">
            </a>
            <a href="product_detail.jsp">
            	<h3 class="yihang c_33 font14 font100" style="padding-left:10px;padding-right:10px;margin-top:10px;">客厅摆件 家居饰品中式办公室</h3>
                <p class="red font14" style="padding-left:10px;">￥299.9</p>
                <img src="images/p.jpg" width="105" height="118" style="margin:0 auto">
            </a>
            <a href="product_detail.jsp">
            	<h3 class="yihang c_33 font14 font100" style="padding-left:10px;padding-right:10px;margin-top:10px;">客厅摆件 家居饰品中式办公室</h3>
                <p class="red font14" style="padding-left:10px;">￥299.9</p>
                <img src="images/p.jpg" width="105" height="118" style="margin:0 auto">
            </a>
        </div>
    </div>
</div>
2

<!--品质保证-->
<div class="width1200 center_yh" style="height:130px;margin-top:60px;">
	<img src="images/db.png">
</div>
<!--页脚-->
<div class="width100 hidden_yh" style="background:#f0f0f0;margin-top:90px;">
	<div class="width1200 center_yh tcenter" style="margin-top:44px;">
    	<a href="#" class="in_block font16 c_33" style="padding:0 30px">工艺礼品</a>
        <a href="#" class="in_block font16 c_33" style="padding:0 30px">电子礼品</a>
        <a href="#" class="in_block font16 c_33" style="padding:0 30px">品牌礼品</a>
        <a href="#" class="in_block font16 c_33" style="padding:0 30px">商务礼品</a>
        <a href="#" class="in_block font16 c_33" style="padding:0 30px">食品礼盒</a>
        <p class="font16 c_33 tcenter" style="margin-top:46px;">www.lipinshijia.com © CopyRight 礼品世家 2007-2012 </p>
        <p class="font16 c_33 tcenter" style="margin-top:6px;">电话：000-0000000 手机：18022113311</p>
        <p class="font16 c_33 tcenter" style="margin-top:6px;margin-bottom:10px;">鲁ICP备:1666666号-1</p>
    </div>
</div>
</body>
</html>
